// 布局处理
.flex-row-between(@flag:false) {
    // @flag是否垂直居中
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: if(@flag, center, stretch);
}
.flex-row-center(@flag:false){
    // @flag是否垂直居中
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: if(@flag, center, stretch);
}
.flex-row-left(@flag:false){
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: if(@flag, center, stretch);
}
.flex-column(){
    display: flex;
    flex-direction: column;
}


.horizontal-vertical-center(@row:true){
    // 水平垂直居中
    display: flex;
    flex-direction: if(@row, row, column);
    text-align: center;
    justify-content: center;
    align-items: center;
  }
// 边框处理
.border-1px-switch(top, @border-color,@size: 1px) {
    border-top: @size solid @border-color;
}

.border-1px-switch(bottom, @border-color, @size: 1px) {
    border-bottom: @size solid @border-color;
}

.border-1px-switch(left, @border-color, @size: 1px) {
    border-left: @size solid @border-color;
}

.border-1px-switch(right, @border-color, @size: 1px) {
    border-right: @size solid @border-color;
}

.border-1px(@border-color, @size: 1px) {
    border: @size solid @border-color;
}